<template>
    <div>             
    <TypeNav/>            
    <ListContainer/>   
    <myRecommend/> 
    <myRank/>
    <myLink/>
    <myFloor :list="floorList" v-for="(floor) in floorList" :key="floor.id"/> 
    <myBrand/>
  </div>
</template>

<script>
import ListContainer from './ListContainer/index.vue';
import myRecommend from './Recommend/index.vue';
import myRank from './rank/index.vue';
import myLink from './link/index.vue';
import myFloor from './floor/index.vue';
import myBrand from './brand/index.vue';

import {mapState} from "vuex"

export default {
    name:'myhome',
    components:{ListContainer, myRecommend, myRank, myLink, myFloor, myBrand },
    mounted() {
      this.$store.dispatch('floorList')
    },
    computed:{
      ...mapState({
        floorList:state => state.home.floorList 
      }),
      
    }
}
</script>

<style>

</style>